<template>
	<view>
		<view class="status-bar">

		</view>
		<uni-nav-bar left-icon="left" @clickLeft="leftback" title="预约须知" :border="false" :height="barhig"
			class="header-title" />
		<view class="content" :style="`padding-top:${systemBarHeight+64}px`">
			<text decode="true" class="title">预约挂号须知</text> 
			<text>{{txt1}}</text>
			<text>{{txt2}}</text>
			<text>{{txt3}}</text>
			<text>\n{{txt4}}</text>
			<text>\n{{txt5}}</text>
			<text>\n{{txt6}}</text>
			<text>\n{{txt7}}</text>
		</view>
		<view class="btn-que">
			<button type="primary" @click="amendqd">确认</button>
		</view>
	</view>
</template>

<script>
	import {
		ref,
		reactive,
		toRefs,
		onMounted
	} from 'vue'
	export default {
		setup() {
			const data = reactive({
				barhig: '120rpx',
				systemBarHeight: null,
				txt1: "我院门诊严格执行非急诊全面预约挂号就诊制度和分时段报到、错峰就诊制度。候诊时段前半小时允许患者持纸质版或电子版预约凭证进院，候诊时段前半小时可以在自助机报到。" ,

				txt2: "根据北京市疫情防控要求： 体温≥ 37.3℃， 请至发热门诊筛查； 国内中高风险地区（ 根据国家相关部门发布的信息） 和国（ 境） 外归（ 返） 京人员， 请您持7天内新冠肺炎核酸检测阴性结果报告来院就诊。 若无检测报告请您在就诊前进行核酸检测， 以免影响您就诊。 不满足条件者， 无法进入院区， 请退号或改约。",

				txt3:"挂号成功以北京协和医院成功挂号记录为准。 参照APP中挂号状态（ 查看方式：【 我】 - 【挂号记录】 - 【状态： 已挂号】）",

				txt4:"号源更新时间： 每日下午16时",

				txt5:"预约挂号成功后48小时之内且同时要在就诊日前一天中午12: 00 前可退号",

				txt6:"若退号时间超过预约就诊日期的工作开始时间， 一律不退号",

				txt7:"挂号成功后， 请详细阅读电子挂号单上的就诊提示和温馨提示",
			})
			// #ifdef MP-WEIXIN
			const getCapsule = () => {
				// 获取胶囊位置并改变顶部自定义导航栏的位置
				let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
				console.log(menuButtonInfo, '胶囊top位置')
				//让自定义导航栏头部组件始终和胶囊对齐 做到兼容各手机型号
				data.barhig = (menuButtonInfo.top + menuButtonInfo.height) * 2 + 'rpx';
			}
			getCapsule()
			const getSysteminfo = () => {
				uni.getSystemInfo({
					success: res => {
				 	data.systemBarHeight = res.statusBarHeight;
						console.log(data.systemBarHeight, res)
					}
				});
			}
			getSysteminfo()
			// #endif
            const leftback = () => {
                               uni.navigateBack({
                               	delta: 1
                               });
            			}
			const amendqd=()=>{
				uni.navigateBack({
					delta: 1
				});
			}			
			return {
				...toRefs(data),leftback,amendqd
			}
		}
	}
</script>

<style lang="scss">
	.status-bar {
		height: var(--status-bar-height);
		width: 100%;
		background-color: #fff;
		position: fixed;
		top: 0;
		z-index: 998999;
	}
.header-title {
		position: fixed;
		width: 100%;
		top: var(--status-bar-height);
		z-index: 998999;
	}
	.content {
		box-sizing: border-box;
		padding: 0 36rpx;
		display: flex;
		flex-flow: column;
		line-height: 1.5;
		text-indent: 2em;
		font-size: 28rpx;
		color: #666;
		.title{
			text-indent: 0;
			font-size: 34rpx;
			margin-bottom: 40rpx;
			color: #111;
		}
	}
	.btn-que{
		padding: 48rpx 36rpx;
		button{
			
			background-color: #0066ff;
		}
	}
</style>
